Log in Register Dashboard Temp Share Shortlinks Frames API

HTMLify

app.js
Views: 3 | Author: cody
const btn = document.getElementById("btn");
const boxes = document.getElementById("boxes");

btn.addEventListener("click", () => {
  boxes.classList.toggle("big");
});

function createBoxes() {
  for (let i = 0; i < 4; i++) {
    for (let j = 0; j < 4; j++) {
      const box = document.createElement("div");
      box.classList.add("box");
      box.style.backgroundPosition = `${-j * 125}px ${-i * 125}px`;
      boxes.appendChild(box);
    }
  }
}

createBoxes();

Comments